<template>
  <div>
    <el-container>
      <el-header class="layout-header">
        <h1 style="position: absolute;margin-top:0;margin-left:0">商城后台管理系统</h1>
      </el-header>
      <el-container class="layout-body">
        <el-aside class="layout-aside">
          <el-menu
              router
              :default-active="$router.currentRoute.path"
              class="el-menu-vertical-demo"
              background-color="#222c32"
              text-color="#fff"
              active-text-color="#fff">
            <el-menu-item index="1-1"><i class="el-icon-s-home"></i>首页</el-menu-item>

            <!-- 商品管理 -->
            <el-submenu index="2">
              <template slot="title">
                <i class="el-icon-shopping-bag-1"></i>
                <span>商品</span>
              </template>
              <el-menu-item index="/sys-admin/temp/album/add-new">
              <i class="el-icon-s-grid"></i>
              <span>商品列表</span>
            </el-menu-item>
              <el-menu-item index="/sys-admin/temp/brand/add-new">
                <i class="el-icon-folder-add"></i>
                <span>添加商品</span>
              </el-menu-item>
              <el-menu-item index="2-2">
                <i class="el-icon-menu"></i>
                <span>商品分类</span>
              </el-menu-item>
              <el-menu-item index="/sys-admin/temp/classes/add-new">
                <i class="el-icon-s-order"></i>
                <span>商品类型</span>
              </el-menu-item>
              <el-menu-item index="2-4">
                <i class="el-icon-price-tag"></i>
                <span>品牌管理</span>
              </el-menu-item>

            </el-submenu>

            <!-- 订单管理 -->
            <el-submenu index="3">
              <template slot="title">
                <i class="el-icon-notebook-2"></i>
                <span>订单</span>
              </template>
              <el-menu-item index="3-1">
                <i class="el-icon-s-grid"></i>
                <span>订单列表</span>
              </el-menu-item>
              <el-menu-item index="3-2">
                <i class="el-icon-setting"></i>
                <span>订单设置</span>
              </el-menu-item>
              <el-menu-item index="/sys-admin/temp/salesReturn/add-new">
                <i class="el-icon-bank-card"></i>
                <span>退货申请处理</span>
              </el-menu-item>
              <el-menu-item index="/sys-admin/temp/salesReason/add-new">
                <i class="el-icon-date"></i>
                <span>退货原因设置</span>
              </el-menu-item>
            </el-submenu>

            <!-- 营销管理 -->
            <el-submenu index="4">
              <template slot="title">
                <i class="el-icon-collection-tag"></i>
                <span>营销</span>
              </template>
              <el-menu-item index="4-1">
                <i class="el-icon-alarm-clock"></i>
                <span>秒杀活动列表</span>
              </el-menu-item>
              <el-menu-item index="4-2">
                <i class="el-icon-collection"></i>
                <span>优惠券列表</span>
              </el-menu-item>
              <el-menu-item index="4-3">
                <i class="el-icon-price-tag"></i>
                <span>品牌推荐</span>
              </el-menu-item>
              <el-menu-item index="4-4">
                <i class="el-icon-cpu"></i>
                <span>新品推荐</span>
              </el-menu-item>
              <el-menu-item index="4-5">
                <i class="el-icon-s-promotion"></i>
                <span>人气推荐</span>
              </el-menu-item>
              <el-menu-item index="4-6">
                <i class="el-icon-film"></i>
                <span>专题推荐</span>
              </el-menu-item>
              <el-menu-item index="4-7">
                <i class="el-icon-platform-eleme"></i>
                <span>广告列表</span>
              </el-menu-item>
            </el-submenu>

            <!-- 权限管理 -->
            <el-submenu index="5">
              <template slot="title">
                <i class="el-icon-key"></i>
                <span>权限</span>
              </template>
              <el-menu-item index="/sys-admin/temp/userList/add-new">
                <i class="el-icon-user"></i>
                <span>用户列表</span>
              </el-menu-item>
              <el-menu-item index="/sys-admin/temp/roleList/add-new">
                <i class="el-icon-user-solid"></i>
                <span>角色列表</span>
              </el-menu-item>
              <el-menu-item index="5-3">
                <i class="el-icon-menu"></i>
                <span>菜单列表</span>
              </el-menu-item>
              <el-menu-item index="5-4">
                <i class="el-icon-s-custom"></i>
                <span>资源列表</span>
              </el-menu-item>
            </el-submenu>
          </el-menu>
        </el-aside>

        <el-main class="layout-main">
          <router-view/>
        </el-main>
      </el-container>

    </el-container>
  </div>
</template>

<style>
.layout-header{background-color:#12487d;color: #fff}
.layout-header h1{line-height: 60px}
.layout-body{position: absolute;top: 60px;bottom: 0;left: 0;right: 0}
.layout-aside{background-color: #222c32}
.layout-aside i{
  color: #fff!important;
}
.layout-main{}
.el-menu-item.is-active{
  background: #2c3d4b!important;
}

</style>
<script>


export default {

}
</script>
